.content{ width: 1200px; margin: 0 auto; }
.content>.articles-box{ margin-top: 30px;}
.content>.articles-box>div{ background-color: #ffffff; padding: 0px 0px 10px 10px; }
.content>.articles-box>.top{ padding: 0 10px 5px 10px; background: transparent; }
.content>.articles-box>.top>.icon{ display: inline-block; width: 30px; height: 30px; line-height: 30px; background-size: 30px 30px; margin-right: 10px; vertical-align: top; }
.content>.articles-box>.top>.icon-announce{ background-image: url("../images/icon_1.png"); }
.content>.articles-box>.top>.icon-airport{ background-image: url("../images/icon_2.png"); }
.content>.articles-box>.top>.icon-airplain{ background-image: url("../images/icon_3.png"); }
.content>.articles-box>.top>.icon-paddenger{ background-image: url("../images/icon_4.png"); }
.content>.articles-box>.top>.icon-comments{ background-image: url("../images/icon_5.png"); }
.content>.articles-box .float-left{ display: block; float: left; }
.content>.articles-box .float-right{ display: block; float: right; margin-top: 10px; }
.content>.articles-box h2{ font-size: 18px; margin-top: 2px; }
.content>.articles-box span{ display: block; text-align: right; width: 100px; cursor: pointer; font-size: 14px; }
.content>.articles-box span:hover{ color: #2f98c9; }
.content>.articles-box>.border{ display: block; width: 100%; border-bottom: solid #339a99 2px; }

.content>.articles-box>ul.list{ padding-top: 20px; }
.content>.articles-box>ul.null{ background: #fff; text-align: center; padding-top: 20px; min-height: 100px;  }
li.article.matrix{ float: left; width: 282px; margin-right: 24px; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #e5e9ef; background-color: #fff;  border-radius: 5px; overflow: hidden; }
li.article.matrix:nth-child(4n){ margin-right: 0px;}
li.article.matrix>a>div{ width: 280px; height: 120px; border-radius: 5px; overflow: hidden; }
li.article.matrix img{ transition: all 0.5s; width: 280px; height: 120px;  background-position:center;   }
li.article.matrix img:hover{ transform: scale(1.2); }
li.article.matrix .headline{ padding: 10px; height: 60px; overflow: hidden; word-wrap: break-word; }
li.article.matrix .headline>a{ color: #222; line-height: 20px; font-size: 14px; }
li.article.matrix .import>a { color: #ffb200; }
li.article.matrix .headline>.date{ text-align: right; color: #99a2aa; font-size: 12px; }
li.article.matrix .headline>a:hover{ color: #00a1d6; }


.content>.comment{ margin:70px auto; width: 600px; text-align: right; }
.content>.comment>p{ margin-bottom: 10px; font-weight: bold;  text-align: left; }

.content>.articles-box>.top:after,
.content>.articles-box>ul:after
{ display: block; width: 0; height: 0; content: ""; clear: both; overflow: hidden; }
